Accordions

Pure evil has found a home, we have but tamed this beast and jailed it within the confines of this component.

Overview

Accordions expand and collapse sections of content.

Accordion / Accordion group

Accordions can be a singular method of expanding and collapsing a piece of content with a title. These are best used for transcripts of videos, or for references at the footer of an article.

Accordion groups list a collection of items, expanding or collapsing on click. There is a toggle above the group that allows all items to be opened or closed with a single click.

Adding the class grouped will automatically add the toggle and functionality to the accordion group.

Open all

Accordion topic 1

Our first television set, Dad just picked it up today. Do you have a television? Who is that guy. George. Well that's your name, isn't it? Calvin Klein. it's written all over your underwear. Oh, I guess they call you Cal, huh? Yes, yes, I'm George, George McFly, and I'm your density. I mean, I'm your destiny.

Accordion topic 2

Here is the content!

Accordion topic 3

Here is the content!

Open all

Accordion topic 1

Accordion topic 2

Here is the content!

Accordion topic 3

Here is the content!

Open all

Accordion topic 1

Accordion topic 2

Here is the content!

Accordion topic 3

Here is the content!

Open all

Accordion topic 1

Accordion topic 2

Here is the content!

Accordion topic 3

Here is the content!

Open all

Accordion topic 1

Accordion topic 2

Here is the content!

Accordion topic 3

Here is the content!